<template>
  <div class="common-layout">
    <img src="/imgs/scene/Dcyd.jpg" style="height: 400px; width: 1700px;">
    <div class="mContent">
      <div class="advertisement" :class="{ 'fixed-position': isFixed }">
        <el-carousel   >
          <el-carousel-item v-for="url in bannerArr1" >
            <img :src="url" style="width:100%;height:100%;">
          </el-carousel-item>
        </el-carousel>
        <h3>添加客服</h3>
        <img src="/imgs/scene/Vx1.png" style="width: 400px;height: 400px">
      </div>
      <div class="content" >

        <h1 style="font-size: 40px">去稻城亚丁必看‼️保姆级攻略收好‼️</h1>

        <img src="/imgs/scene/dcdh%20(7).jpg" class="picture1">
        <p class="tit01">
          第一天爬完太累了，不想去短线了，所以直接到理塘去玩了。早上联系拼车司机先把行李放到稻城的酒店（香格里拉-稻城县50r/人），然后再拼车到理塘（稻城县-理塘80r/人）。提前一天电话和司机师傅说你的行程安排，司机会帮你拼车。建议直接给司机打电话，因为那边很多跑车的师傅不太认识字，发微信效率会比较低。
          中午1点多到理塘。理塘特别小，主要就是古镇和长青春科尔寺，还有仓央嘉措博物馆。在长青春科尔寺后山可以俯瞰理塘（p7-9），也可以骑马、拍照。
          在理塘吃个饭到6点多基本逛完了，拼车回稻城县（80r）。其实也可以选择住理塘，但是海拔比较高可能会头晕，所以我选择回稻城县住。大概晚上10点到达稻城县～
          </p>
        <img src="/imgs/scene/dcdh%20(6).jpg" class="picture1">
        <p class="tit01">有一个地方叫做稻城，我要和我最心爱的人一起去趟那里，去看蔚蓝的天空，去看白色的雪山……
          -
          稻城被称为"肉体的地狱，灵魂的天堂"
          这里是无数城市打工人心驰神往的圣地🏔
          作为专注川西线定制旅行的五年旅社人
          见过太多年轻人一上头，来了场说走就走的旅行🚗
          随便找了个旅游团，或者简单做了攻略就要自由行
          结果踩了很多坑🕳
          所以先别急着追求你的诗和远方🌈
          看完这篇再去</p>
        <img src="/imgs/scene/dcdh%20(1).jpg" class="picture1">
        <p class="tit01">Day2：游览安排：五花海-珍珠滩瀑布-镜海-中午休息-长海-树正海群-双龙海-芦苇海。
          早上是预约了藏族服饰的妆造，小姐姐还亲自来民宿接我们上去诺日朗中心化妆，做完造型后直接跟着摄影师到五花海。这里是全九寨沟最多人拍摄写真的地方。
          这里也有现做造型换衣服和拍摄一条龙的服务，但感觉流水型的拍摄一般般。划重点，我的衣服和妆造可以跟一天，虽然摄影师只拍五花海。但是去其他地方自己让
          朋友拍摄也是超美的，景美人也美😆
          因为前一天是雨天，我们还特意晴天回去拍摄长海的两种天气情况做对比。这就是住里面的松弛🤭民宿老板帮忙将行李送到今晚住的酒店了。游览完就很轻松的到酒店入住。</p>
        <img src="/imgs/scene/dcdh%20(2).jpg" class="picture1">
        <p class="tit01">🗺️线路：
          1⃣️亚丁长线:均海拔4500米，全程10km，往返步行🚶约8小时
          游客中心-扎灌崩:需乘坐观光🚗车120元/人(必买)
          扎灌崩-冲古寺：全程0.5km，徒步约20分钟冲古寺-洛绒牛场(全程6.7公里)√坐电瓶车单程50，往返💰80(强烈🙍建议)徒步约3-4小时(会比较累)
          洛绒牛场-五色海-牛奶海(拍照🤳很出片)：
          徒步全程5km，3km是比较好走的土路2km是上坡路比较累，骑马300/人(马限量30匹)
          2⃣️亚丁短线平均海拔3800米左右，全程3km往返步行约3小时</p>
        <img src="/imgs/scene/dcdh%20(3).jpg" class="picture1">
        <p class="tit01">景区门口-扎灌崩:坐观光车120元/人(必买)
          扎灌崩-冲古寺:全程0.5km，徒步300-500米约20分钟
          冲古寺- 珍珠海:全程1.5km，海拔4000米，步行往返3h到达珍珠海(仙乃日神山倒影最佳拍摄地点)这条路线全是金属栅格栈道，路很好走，慢步走上去完全没有问题
          3⃣️人生建议🙆Ps:在高海拔地区徒步身体可能会产生不适，可以提前在山下购买氧气瓶🫙，觉得不舒服的时候可以吸一下但不要过于依赖，氧气瓶可以在山下买一点越往山上越💰贵。</p>
        <img src="/imgs/scene/dcdh%20(4).jpg" class="picture1">
        <p class="tit01">1、景区大门只是第一道门，进景区的门票在这里买。
          2、大巴车1小时开到景点山脚，下了大巴车往上走500米然后有两个选择：绿皮观光车或徒步。
          【我选的是远线去看牛奶海，必须要坐观光车❗️不然来不及❗️不建议不坐观光车走近线】
          3、下了观光车是也有两个选择：骡马骑行到爬山处或徒步。
          【骡马300/人，但人太多，我们10点到的已经不售票了】
          4、徒步3km到金刚挑战线，然后就是爬山❗️爬山❗️爬山❗️
          5、爬到距离牛奶海还有1km的地方，建议大家就走平道，不要半途爬山❗️【我爬了快被累死】
          👉总结：来回徒步总共有10公里，其中上下山4公里。【走路时间就要5-6个小时】为的就是牛奶海和五色海的【1小时左右的拍照】</p>
        <img src="/imgs/scene/dcdh%20(5).jpg" class="picture1">
        <p class="tit01">小tip:①氧气瓶（海拔高，平均每人带2瓶以上）
          ②衣物：昼夜温差大，薄羽绒或冲锋衣要带，可带颜色鲜艳外套或裙子👗更上镜、舒适的鞋子👟
          ②护肤品：防晒霜、唇膏
          ④证件：身份证、其他可能减免门票的证件
          ⑤药品：高反药、葡萄糖、感冒药、布洛芬、晕车药等
          ⑥其它：一次性雨衣（天气变化快🌦）、墨镜🕶️、帽子🧢、保温杯、登山杖、轻的补充能量的零食🍫等</p>
        <img src="/imgs/scene/dcdh%20(5).jpg" class="picture1">

      </div>
    </div>
  </div>
</template>

<script setup>
import { ref, onMounted } from "vue";

const isFixed = ref(false);

onMounted(() => {
  window.addEventListener('scroll', () => {
    const scrollPosition = window.scrollY || document.documentElement.scrollTop;
    if (scrollPosition > 400) {
      isFixed.value = true;
    } else {
      isFixed.value = false;
    }
  });
});
const bannerArr1 = ref(["/imgs/scene/cdj.jpg","/imgs/scene/cd23.jpeg","/imgs/scene/lvgl03.jpg","/imgs/scene/sgns1.jpg"])
</script>

<style>
.tit01{
  font-size: 30px;
  margin: 20px;
  text-align: left;
}
.picture1{
  width: 899px;
}

.mContent {
  width: 1300px;
  text-align: center;
  position: relative; /* 确保子元素可以相对于它定位 */
}
.content {
  background-color:white;
  width: 900px;
  margin-left: 600px;
}
.advertisement {
  height: 300px;
  width: 400px;

  position: absolute; /* 相对父元素定位 */
  left: 200px;
  top: 0;
}
.fixed-position {
  position: fixed;
  top: 150px;
  left: 300px;
}
</style>